.modal {
  .modalWrapp {
    .at-modal__container {
      top: auto;
      bottom: 0;
      left: 0;
      width: 100%;
      padding: 0;
      transform: inherit;
      border-radius: 12rpx 12rpx 0 0;
      .at-modal__content {
        padding-top: 0;
        padding-bottom: 0;
      }
      .at-modal__header {
        font-size: 36rpx;
        line-height: 112rpx;
        padding: 0 30rpx;
        text-align: left;
      }
      .at-modal__header::after {
        border: 0rpx;
      }
      .at-modal__footer {
        box-sizing: border-box;
        padding: 14rpx 30rpx;
        .at-modal__action {
          display: block;
          display: flex;
          text-align: center;
          .saveBtn {
            font-size: 28rpx;
            line-height: 88rpx;
            flex: 1;
            margin-left: 13rpx;
            padding: 0 80rpx;
            color: #fff;
            border-radius: 50rpx;
            background-color: #4c78ff;
          }
          .clearBtn {
            font-size: 28rpx;
            line-height: 88rpx;
            flex: 1;
            margin-right: 13rpx;
            padding: 0 80rpx;
            color: #979797;
            border: 2rpx solid #979797;
            border-radius: 50rpx;
          }
        }
      }
      .at-modal__footer::before {
        border-top: 1rpx solid #f0f2f5;
        box-shadow: 0 -4px 8px 0 rgba(76, 120, 255, 0.05);
      }
    }
  }
}
